﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>JSON地址集</title>
	<style type="text/css">
		body{
			margin: 0px;
			padding: 0px;
		}
	</style>
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="http://jackzhang1204.github.io/sewise/sewise_player/player/sewise.player.min.js"></script>
</head>
<body>

<div id="player" style="width: 605px; height: 340px; margin:50px 200px; padding: 30px; border:5px solid #CCC; ">
	<script type="text/javascript">
		SewisePlayer.setup({
			server: "vod",
			type: "mp4",
			lang: 'en_US',
			poster: "http://jackzhang1204.github.io/materials/poster.png",
			videosjsonurl: {
				"programname":"JSON URL",
				"videos": [
					{
						"key": 0,
						"clarity": "low",
						"name": "普通",
						"selected": 0,
						"url": "http://amai.oss-cn-hangzhou.aliyuncs.com/data/S013669361192/video/S0000_8-1476171548all.mp4?fileId=42324&quality=0"
					},
					{
						"key": 1,
						"clarity": "normal",
						"name": "一般",
						"selected": 1,
						"url": "http://amai.oss-cn-hangzhou.aliyuncs.com/data/S013669361192/video/S0000_8-1476097759all.mp4?fileId=42324&quality=1"
					},
					{
						"key": 2,
						"clarity": "original",
						"name": "高清",
						"selected": 0,
						"url": "http://amai.oss-cn-hangzhou.aliyuncs.com/data/S013669361192/video/S0000_8-1476339114all.mp4?fileId=42324&quality=2"
					}
				]
			},
			skin: "vodFoream",
			topbardisplay: "disable",
			fallbackurls:{
				ogg: "http://jackzhang1204.github.io/materials/mov_bbb.ogg",
				webm: "http://jackzhang1204.github.io/materials/mov_bbb.webm"
			}
		}, "player");
		//保存当前用户选取的视频清晰度
		function saveClarityName(name){
			console.warn(name);
		}
	</script>
</div>
<div style="float: left; width: 100%; padding: 10px 30px; ">
	<h2>JSON地址集:</h2>
	[1]可以获取不同清晰度的视频流<p></p>
	[2]播放格式是MP4格式，可以携带参数
	<hr/>

	播放阿里云数据:<p></p>

	<hr/>

</div>
</body>
</html>